<template>
    <div id="breadcrumb">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item v-for="(item,index) in navs" :key="index">{{ item }}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<script>
export default {
    name: 'Breadcrumb',
    props:["navs"],
};
</script>

<style lang="scss">
       #breadcrumb{
           margin-bottom:10px;
       } 
</style>
